import React from 'react'
import { Outlet,useNavigate} from 'react-router-dom'


export default function Home() {
//useNavigate hooks 
//可以实现路由跳转 还可以传递路由参数
  const navigate = useNavigate()
  const getMusicHandle =()=>{
    navigate('/main/home/music/?username=高高&id=8325')
  }
  const getNewsHandle =()=>{
    navigate('/main/home/news?username=条条&id=8568')
  }
  

  return (
    <div>
        <h3>我是Home的内容</h3>
        <button onClick={getMusicHandle}>music</button>
        <button onClick={getNewsHandle}>news</button>
        {/* 在要渲染子组件的位置上书写<Outlet/> */}
        <Outlet/>
    </div>
       
  )
}
